<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jina Hello World!</title>
</head>
<body>
<div class="topnav" style="height: 30px;
    margin-bottom: 20px;
    background: #009999;
    border-radius: 10px;
    padding: 15px;">
    <a class="logo" href="https://github.com/jina-ai/jina/" style="height: inherit;">
        <img
                src=""
                style="
    height: inherit;"></a>
</div>
<div class="about" style="
max-width: 50%;
padding: 10px;">
    <h2 style="color: #1E6E73">What just happened?</h2>
    <span>This is Jina's <pre style="display: inline;">hello-world</pre>, end-to-endly. It downloads Fashion-MNIST dataset and indexes 60,000 images via Jina search framework. The index is stored into multiple <i>shards</i>. We then randomly sample unseen images as <i>Queries</i>, ask Jina to retrieve relevant results. Below is Jina's retrievals, where the left-most column is query image. </span>
    <br>
    <span>Intrigued? Learn more about Jina and <a href="https://opensource.jina.ai">checkout our Github!</a></span>
</div>
<hr style="border: 1px dashed #009999;">

<table style="width:100%; white-space: nowrap;">
    <tr>
        <th align="left"><h3 style="color: #1E6E73">Query</h3></th>
        <th align="left"><h3 style="color: #1E6E73">Top-K Results</h3></th>
    </tr>
    {% RESULT %}
</table>
</body>
</html>